import React, { Fragment, useState, useEffect } from 'react';
import type { FC } from 'react';
import { Calendar, Badge, Drawer } from 'antd';
import style from './index.less';
import { BarChart } from 'bizcharts';
import { jobSubject } from './service';
const Choose: FC<Record<string, any>> = () => {
  // 数据源
  // const data = [
  //   { 类别: '前端', 上传额: 442 },
  //   { 类别: '后端', 上传额: 48 },
  //   { 类别: '人工智能', 上传额: 101 },
  //   { 类别: '机器学习', 上传额: 14 },
  //   { 类别: '数据可视化', 上传额: 130 },
  // ];
  const [data, setData] = useState([]);
  useEffect(() => {
    jobSubject({}).then(res => {
      setData(res.data);
      console.log('我是标签名字',res.data)
    });
  }, []);
  return (
    <div className={style.cal}>
      <BarChart
        data={data}
        title={{
          visible: true,
          // text: '上传书籍类别统计',
          text: '职业分布',
          style: { color: 'rgb(28,156,254)' },
        }}
        autoFit="auto"
        xField="count"
        yField="job"
        height={200}
      />
    </div>
  );
};
export default Choose;
